<template>
   <div style="background-color:#fff;padding-bottom:30px">
      <ul class="socialTab clearfix">
        <li
          v-html="item.tablename"
          :class="{'fl':true,'active':item.type===current}"
          v-for="item in tabs"
          :key='item.type'
          @click="clickTab(item)"
        ></li>
      </ul>
      <inFranch
      :title="title"
      :companyType="type"
      :tindex="tindex"></inFranch>
    </div>
</template>

<script>
import inFranch from './inFranchisee/inFranchisee.vue'
  export default {
    components: {
      inFranch
    },
    data(){
      return {
        tabs:[
          {
            type:1,
            tablename:'加盟商列表',
          },{
            type:2,
            tablename:"加盟商授权",
          },{
            type:3,
            tablename:"网点信息管理"
          }
          
        ],
        current:1,
        jmsTab:{
          jmsList:false,
          jmsauthorize:false,
          jsminformation:false
        },
        title:'加盟商列表',
        type:1,
        tindex:1
      }
    },
    created(){

    },
    methods:{
      clickTab (item) {
      console.log('hahahah', item)
      this.current = item.type;
      this.tindex = item.type;
      this.title = item.tablename;
      this.type = item.type;
    },
    }
  }
</script>

<style scoped>
</style>
